// 播放视频我们采用 `HTML5` 原生标签 `video`。
<template>
  <div class="video-box">
    <video id="videoRef" ref="videoRef" v-if="videoFileUrl" class="videoRef" controls>
      <source :src="videoFileUrl" type="video/mp4" />
    </video>
  </div>
</template>

<script>
export default {
  props: {
    videoFileUrl: {
      default: () => (''),
    },
  },
}
</script>